<template>
	<div class="page-content">
		<div class="page-title">请拿起遮眼板遮住右眼
		<div class="page-timer"><Timer  title="遮住右眼"></Timer></div> 
		</div>
		<div style="height: 824px;display: flex;justify-content: center;align-items: flex-start;margin-top: 160px;">
			<div class="occluder-wrapper">
				<img src="../../../public/res/sight/遮眼板.png" alt="" style="margin-top: 24px;">
				<div style="font-size: 44px;color: #0060FF;font-weight: bold;">遮眼板</div>
			</div>
			<div class="template"  style=""></div>
		</div>
	</div>
</template>

<script>
</script>

<style scoped="scoped">
	.occluder-wrapper{
		margin-top: -60px;margin-right: 48px;height: 510px;width: 310px;background-color: #E7EEF4;border-radius: 20px;border: 5px solid #ADBAC3;
	}
	.template{
		margin-top: -60px;margin-left: 48px;height: 510px;width: 505px;border-radius: 20px;border: 5px solid #ADBAC3;
		background: url(../../../public/res/sight/遮住右眼.png)no-repeat center;
	}
</style>
